<template>
     <div>
         <!-- <span :key="index" v-for="(value,key,index) in obj ">
           {{ key }} :{{ value }}
         </span> -->

         <!-- [{},{}] -->
        <ul>
            <!-- <li v-for="(itme,index) in list" :key="index">
                {{ itme.name }}的性别是：{{ itme.agen }}
            </li> -->
            <li v-for="({name,agen},index) in list" :key="index">
                {{ name }}的性别是：{{ agen }}
            </li>
        </ul>
     </div>
     <!-- yarn add axios 
npm i axios -->
</template>



<script>
export default {
    data(){
        return{
            list:[
                { name:"丁东宇",agen:"男"},
                { name:"郭文政",agen:"男"},
                { name:"齐雅丽",agen:"女"},
                
                ],
            obj:{
                classname:"1096A",
                num:22,
                index:3,
            },
        }
    }
}
</script>